<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>demo</title>
	<script src="../build/react.js"></script>
	<script src="../build/react-dom.js"></script>
	<script src="../build/browser.min.js"></script>
</head>
<body>
	<div id="example"></div>
	
	<!-- 
		1. 组件的属性可以接受任意值，字符串、对象、函数等等都可以。有时，我们需要一种机制，验证别人使用组件时，提供的参数是否符合要求
		2. 组件类的PropTypes属性，就是用来验证组件实例的属性是否符合要求
		3. getDefaultProps 方法可以用来设置组件属性的默认值
	 -->
	<script type="text/babel">
		var MyTitle = React.createClass({
			getDefaultProps: function() {
				return {
					title: "Hello world"
				}
			},

			render: function() {
				return <h1>{this.props.title}</h1>
			}
		});
		
		var data = "123";

		ReactDOM.render(
			<MyTitle />,
			document.getElementById("example")
		)
	</script>
</body>
</html>